<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>主页</title>
	<link rel="stylesheet" href="home/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="home/css/index.css">
	<link rel="stylesheet" href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
	@include('home/header')
	<div class="container page-main">
		<div class="row"></div>
		<div class="row radio-panel">
			<div class="col-md-12">
				<b><i class="fa fa-volume-up"></i> 公告：</b>
				<span id="radio" class="radio"><marquee>忘了爱~。~</marquee></span>
			</div>
		</div>

		<div class="row"></div>

		<div class="row">
			<div class="col-md-12">
				<div class="game-intro">
					<a href=""><button class="btn btn-default">斗地主</button></a>
					<button class="btn btn-default">21点</button>
					<button class="btn btn-default">金花</button>
					<button class="btn btn-default">摇骰子</button>
					<button class="btn btn-default">五子棋</button>
				</div>
			</div>

			<div class="panel panel-hover">
				<div class="rank-list">
					<ul id="myTab" class="nav nav-tabs">
						<li class="active"><a href="#today" data-toggle="tab">今日排名</a></li>
						<li><a href="#month" data-toggle="tab">本月排名</a></li>
						<li><a href="#history" data-toggle="tab">本月排行 </a></li>
					</ul>
					<div id="myTabContent" class="tab-content">
						
						<div class="tab-pane fade" id="month">
							<div class="panle panle-body">
								<table class="table table-hover">
								
									<tr>
										<td></td>
										<td></td>
										<td></td>
										<td></td>
										<td>暂无排名</td>
									</tr>
								</table>
							</div>
						</div>
							
					</div>
				</div>
			</div>
		</div>

	</div>

	<footer>
		<div class="foot-banner">
			<div class="col-md-12">
				<ul>
					<li><a href="">Nginx</a></li>
					<li><a href="">Apache</a></li>
					<li><a href="">PHP</a></li>
					<li><a href="">Swoole</a></li>
					<li><a href="">Redis</a></li>
					<li><a href="">MariaDB</a></li>
					<li><a href="">Bootstrap</a></li>
					<li><a href="">JQuery</a></li>
				</ul>
			</div>
		</div>

		<div class="foot-main">
			<div class="foot-main-info">
				<h5><span>｜</span> LEGAL &amp; COPYRIGHT</h5>
				<p class="foot-text">本站严格遵守我国互联网管理条例和相关法律规定,抵制一切不良信息。</p>
				<p class="foot-text">如果您认为本站内容对您的权利有所侵犯，请联系我们及时移除。</p>
			</div>
			<div class="foot-main-info">
				<h5><span>｜</span> ABOUT US</h5>
				<p class="foot-text">本平台用于技术研究和休闲，是一个娱乐性质的开源程序。我们已经列出了所有用到的开源技术。</p>
				<p class="foot-text">您可以下载源码和文档，自行搭建环境，进行改造和开发。</p>
			</div>
			<div class="foot-main-info">
				<h5><span>｜</span> CODE &amp; DOCUMENT</h5>
				<a class="foot-href" href=""><i class="fa fa-file"></i> 文档 &nbsp;</a>
				<hr>
				<a class="foot-href" href=""><i class="fa fa-square"></i> 源码 &nbsp;</a>
			</div>
			<div class="foot-main-info">
				<h5><span>｜</span> AUTHOR INFO</h5>
				<a class="foot-author" href="">袁不语 &gt;&gt;&nbsp;</a><br>
				<a class="foot-author" href="">姜富帅 &gt;&gt;&nbsp;</a><br>
				<a class="foot-author" href="">九州志 &gt;&gt;&nbsp;</a><br>
				<a class="foot-author" href="">蜂窝煤 &gt;&gt;&nbsp;</a><br>
			</div>
		</div>

		<div class="foot-info">
			<span class="foot-copy">艺名人士 &copy; GPL </span>
			<span class="foot-icp"><a href="http://www.miitbeian.gov.cn">牛ICP备 - 66666666</a> </span>
		</div>

		<div class="bigborder col-md-12"></div>

	</footer>
</body>

<script src="home/js/jquery-1.11.1.min.js"></script>
<script src="home/bootstrap/js/bootstrap.min.js"></script>

<script type="text/javascript">

  var colors = ['yellowgreen','#ff3300','FD0005','#FF33CC','#003366','#660033','#00cc99','#0066FF','#0099FF','E5F5FF','yellow','green','#66FF33','#FF4D4D','#FFFF66','purple','pink','#666699','brown','#ff6666'];
  var cset = 0;

  $(document).ready(function(){
    setInterval('changeColor()', 50);
    $('#myTab li:eq(1) a').tab('show');
  });

  function changeColor(){
  	$('#radio').css('color', colors[cset]);
  	if(cset == 8){
  		cset = 0;
  	}
  	cset ++;
  }


</script>

</html>
